@charset "utf-8";
/* CSS Document */

/*页面修正*/
/*
* Box-sizing                   完全支持 ie8 ~ ie10
* flex                         概率支持 ie10+
* background-attachment:fixed  完全支持 ie9+
* 
*/

/*布局页面*/
/*菜单-移动端关闭*/
/* .openMenuBtn { display:none; } */

/************************************************************************************
bigger than 1400  big_PC
*************************************************************************************/
@media screen and (min-width:1400px) {
	#warp {  }
	#warp .carousel-focus .item .carousel-img { height:462px; }
	#warp .container { width:1400px; padding:0; }
	/*#warp .btmHead .headC .mainUl {*/
	/*display:-webkit-flex; display:-moz-flex;  display:-ms-flexbox; display:-webkit-box;  display:-moz-box; display:flex;*/
	/*-webkit-justify-content: space-around;  -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around;  justify-content: space-around;*/
	/*}*/
}

/************************************************************************************
bigger than 800 and smaller than 1400 (mini_PC || PAD)
*************************************************************************************/
@media screen and (min-width:800px) and (max-width:1400px){	
    #warp { padding-top:82px; }
	#warp .midHead .searchArea { width:40%; margin-right:10px; }
	#warp .midHead .searchArea .inputEle { font-size:14px; }
	/*#warp .midHead .logoArea { width:150px; }*/
	#warp .midHead .logoArea .icon { width:190px; height:50px; margin-top:6px; }
	#warp .midHead .logoArea h1 { font-size:12px; }
	#warp .topHead .headC { width:auto; padding:10px; }
	#warp .btmHead .headC .sonMenu { top:auto; }
	#warp .topHead .toolMenus { float:left; width:100%; margin-top:10px; white-space:nowrap; overflow-x:auto; overflow-y:hidden; }
	#warp .topHead .toolMenus li { float:none; display:inline-block; }
	#warp .hotWords,#warp .friendshipLink { margin-top:20px; }
	#warp .friendshipLink { padding-bottom:20px; }
	#warp .hotWords .titArea .tit,#warp .friendshipLink .titArea .tit,#warp .midNews .titArea .tit { font-size:16px; }
	#warp .hotWords .keywordsBox .btn,#warp .friendshipLink .keywordsBox .btn { font-size:14px; }
	#viewWin .foot { padding:0; }
	#viewWin .foot .footC { width:auto; padding:10px 55px; }
	
	/*index*/
	#warp .main,#warp .midHead .headC,#warp .btmHead .headC { max-width:90%; }
	#warp .main .mainNews { width:49%; margin-left:1.5%; }
	#warp .main .bannerBox { width:49.5%; height:462px; }
	#warp .carousel-focus .item .carousel-img { height:462px; }
	#warp .main .mainNews li a { padding:11px 0; }
	#warp .main .newBoxLists dl { width:23%; margin-left:2.6%; }
	#warp .main .newBoxLists dl:nth-child(1) { margin-left:0; }
	#warp .main .midNewsBox .midNews { width:49%; margin-left:1.4%; }
	#warp .main .midNewsBox .midNews:nth-child(1) { margin-left:0; }
	#warp .main .mainNews li a,#warp .midNews .newsList a { font-size:16px; }
	#warp .main .bannerBox .imgBox .mesBox { font-size:16px; }

	/*channel*/
	#warp .listMain .bannerBox { width:70%; height:438px; }
	#warp .listMain .silderArea { width:28%; margin-left:2%; }
	#warp .listMain .silderArea .midNews { margin-top:10px; }
	#warp .listMain .silderArea .newsList .smTit { max-height:48px; font-size:16px; line-height:1.5em; }
	#warp .listMain .silderArea .midNews .mes { -webkit-line-clamp:8; max-height:176px; font-size:14px; line-height:1.5em; }
	#warp .listMain .adBox .bigAd { width:70%; }
	#warp .listMain .adBox .smAd { width:28%; }
	#warp .listMain .adBox .bigAd img,#warp .listMain .adBox .smAd img { height:100%; -webkit-object-fit:cover; -moz-object-fit:cover; -ms-object-fit:cover; object-fit:cover; }
	#warp .listMain .areaBoxLeft { width:100%; }
	#warp .listMain .areaBoxLeft .bigAd { width:100%; }
	#warp .listMain .areaBoxRight { width:100%; margin-top:15px; }
	#warp .listMain .areaBox { margin-top:15px; }
	#warp .listMain .areaBox .areaBoxLeft .midNews { width:40%; }
	#warp .listMain .areaBox .areaBoxLeft .halfBox .midNews { width:48%; }
	#warp .listMain .areaBox .areaBoxLeft .tabArea { width:55%; padding-left:0; }
	#warp .listMain .areaBox .areaBoxLeft .tabArea .tabBtnBox { position:static; width:100%; overflow:hidden; border-bottom:medium none; }
	#warp .listMain .areaBox .areaBoxLeft .tabArea .tabBtnBox .btns { float:left; margin:0 2px 2px 0; border: 1px #f1f1f1 solid; }
	#warp .listMain .areaBox .areaBoxLeft .tabArea .tabContent .listEle { padding-left:0; }
	#warp .listMain .areaBox .areaBoxLeft .tabArea .tabContent .listEle li { position:relative; padding-left:22px; }
	#warp .listMain .areaBox .areaBoxLeft .tabArea .tabContent .listEle li::before { position:absolute; left:6px; top:50%; z-index:2; width:6px; height:6px; content:''; margin-top: -3px; background:#85b5f3;
-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
	#warp .listMain .newBoxLists { margin-top:0; }
	#warp .listMain .newBoxLists dl { width:49%; margin-top:15px; margin-left:2%; }
	#warp .listMain .newBoxLists dl:nth-child(odd) { margin-left:0; }
    #warp .article-list .media-body .article-tag { position:absolute; }
    #warp .article-list .media-body .article-tag span { margin:0; }

	/*detail*/
	#warp .detailMain .areaBoxLeft { width:72%; }
	#warp .detailMain .areaBoxRight { width:26%; }
	/*#warp .detailMain .pageCont { padding-left:15px; padding-right:15px; }*/
	#warp .detailMain .pageCont .h6_tit { font-size:20px; }
	#warp .detailMain .pageCont .txt,#warp .detailMain .recommendBox .listBox .ele dt a { font-size:16px; }
	#warp .detailMain .pageCont .statement p { font-size:14px; }
	#warp .detailMain .pageCont .txt,#warp .detailMain .pageCont .statement,#warp .detailMain .pageCont .statement p { margin-top:20px; }
	

}

/************************************************************************************
smaller than 800 PHONE
*************************************************************************************/
@media screen and (max-width:800px) {

	#warp { padding-top:56px; }
	#warp .hotWords,#warp .friendshipLink { margin-top:10px; }
	#warp .hotWords .titArea .tit { font-size:16px; }
	#warp .friendshipLink { padding-bottom:10px; }
	#warp .friendshipLink .titArea .tit { font-size:16px; }
	#warp .hotWords .keywordsBox,#warp .friendshipLink .keywordsBox { padding:0 10px; }
	#warp .hotWords .keywordsBox .btn,#warp .friendshipLink .keywordsBox .btn { font-size:12px; }
	#viewWin .foot { padding:0; }
	#viewWin .foot .footC { width:100%; }
	#viewWin .foot .footC .topArea .lists { float:none; margin-left:0; }
	#viewWin .foot .footC .topArea .list2,#warp .foot .footC .topArea .list3 { margin-top:10px; padding-top:10px; border-top:1px #ccc dashed; }
	#viewWin .foot .footC .btmArea { margin-top:10px; padding:10px 0; border-width:1px 0 0; }
	#viewWin .foot .footC .btmArea p { font-size:12px; }
	#viewWin .foot .footC .btmArea p .mes { display:block; text-align:center; }

	/*index*/
	#warp .main { margin-top:0; }
	#warp .main .bannerBox { width:100%; height:300px;
	-webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;
	}
	#warp .carousel-focus .item .carousel-img { height:300px; }
	#main .bannerBox .imgBox .mesBox { font-size:16px; }
	#warp .main .mainNews { width:100%; height:auto; margin-left:0; overflow:visible; }
	#warp .main .mainNews li a { padding:5px 0; font-size:14px; }
	#warp .main .mainNews li::after { left:10px; width:6px; height:6px; margin-top:-3px; }
	#warp .main .newBoxLists { margin-top:10px; }
	#warp .main .newBoxLists dl { width:100%; margin-left:0; margin-top:10px; }
	#warp .main .newBoxLists dl:nth-child(1) { margin-top:0; }
	#warp .main .newBoxLists dl a { display:block; padding:0 10px; }
	#warp .main .newBoxLists dl dt img { width:100%; }
	#warp .main .newBoxLists dl dd { padding:10px 10px 0; }
	#warp .main .midNewsBox .midNews { float:none; width:auto; padding:0 10px; margin-left:0; }
	#warp .main .midNews .titArea .tit { font-size:16px; }
	#warp .main .midNews .titArea .moreBtn { font-size:12px; }
	#warp .main .midNewsBox .midNews .newsList { padding-bottom:10px; }
	#warp .main .midNewsBox .midNews .newsList li { margin-top:5px; }
	#warp .main .midNewsBox .midNews .newsList li:nth-child(1) { margin-top:0; }
	#warp .main .midNewsBox .midNews .newsList a { padding:5px 0; font-size:14px; }
	#warp .main .adBox img { height:80px;
	-webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; object-fit:cover;
	}
	#warp .adList { width:100%; padding:0 10px; }

	/*channel*/
	#warp .listMain .silderArea { width:auto; margin:10px 10px 0; }
	#warp .listMain .silderArea .newsList .smTit { font-size:16px; }
	#warp .listMain .silderArea .midNews { margin:10px 0 0 0; }
	#warp .listMain .silderArea .midNews .mes { font-size:14px; line-height:1.5em; }
	#warp .listMain .silderArea .midNews .moreBtn { width:auto; font-size:14px; }
	#warp .listMain .adBox { width:auto; padding:0 10px; margin-top:0; }
	#warp .listMain .adBox .bigAd,#warp .listMain .adBox .smAd { width:100%; margin-top:10px; }
	#warp .listMain .adBox .bigAd img,#warp .listMain .adBox .smAd img { width:100%; height:100%;
	-webkit-object-fit:cover; -moz-object-fit:cover; -ms-object-fit:cover; object-fit:cover;
	}
	#warp .listMain .areaBox { margin-top:10px; }
	#warp .listMain .areaBoxLeft,#warp .listMain .areaBoxRight { width:100%; }
	#warp .listMain .areaBoxLeft .midNews,#warp .listMain .areaBoxLeft .tabArea { float:none; width:auto; margin:0 10px; }
	#warp .listMain .areaBoxLeft .tabArea { width:auto; margin-top:10px; }
	#warp .listMain .areaBox .areaBoxRight .midNews { width:100%; padding:10px 10px 0;
	box-sizing:border-box;
	}
	#warp .listMain .areaBoxLeft .bigAd { width:100%; }
	#warp .listMain .areaBoxLeft .bigAd img { height:100%;
	-webkit-object-fit:cover; -moz-object-fit:cover; -ms-object-fit:cover; object-fit:cover;
	}

	/*detail*/
	#warp .crumb { width:auto; }
	#warp .detailMain { width:auto; padding:0 10px; }
	#warp .detailMain .topAdBox,#warp .detailMain .areaBox,#warp .detailMain .commentCont,#warp .detailMain .recommendBox,#warp .detailMain .areaBoxRight .midNews,#warp .adList a,#warp .detailMain .areaBoxRight .adList { margin-top:10px; }
	#warp .adList .adTagBox:nth-child(1) { margin-top:0; }
	#warp .detailMain .areaBoxLeft { width:100%; }
	#warp .detailMain .areaBoxRight { width:100%; }
	#warp .detailMain .pageCont { padding:20px; }
	#warp .detailMain .pageCont .h6_tit { font-size:20px; }
	#warp .detailMain .pageCont .txt,#warp .detailMain .recommendBox .listBox .ele dt a { font-size:16px; }
	#warp .detailMain .pageCont .statement p { font-size:14px; }
	#warp .detailMain .pageCont .txt,#warp .detailMain .pageCont .statement,#warp .detailMain .pageCont .statement p { margin-top:10px; }
	#warp .detailMain .miniAd { height:200px; }
	#warp .detailMain .miniAd img { height:100%;
	-webkit-object-fit:cover; -moz-object-fit:cover; -ms-object-fit:cover; object-fit:cover;
	}

	/*导航移动端*/
	#warp .headAbout { position:fixed; left:0; top:0; z-index:99999; display:none; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; background:#FFF; }
	#warp .headAboutShow { display:block; }
	#warp .headAbout .headC { padding:10px; width:auto; }
	#warp .headAbout .closeMenuBtn { display:block; box-sizing:content-box; outline:0; }
	#warp .logoAreaMini,#warp .openMenuBtn { display:block; }
	#warp .openMenuBtn { background:#FFF; box-sizing:content-box; outline:0; }
	#warp .headAbout .topHead { margin-top:56px; position:static; }
	#warp .headAbout .topHead .channelMenu,#warp .headAbout .topHead .toolMenus { float:none; }
	#warp .headAbout .topHead .channelMenu li { float:left; width:48%; margin-left:1%; margin-top:5px; border:medium none; }
	#warp .headAbout .topHead .channelMenu li a { border:1px #700000 solid; }
	#warp .headAbout .topHead .toolMenus li { float:none; width:98%; margin:5px auto 0; border:medium none; }
	#warp .headAbout .topHead .channelMenu li a,#warp .headAbout .topHead .toolMenus li a { display:block; width:auto; padding:5px; }
	#warp .headAbout .midHead .searchArea .inputEle { font-size:14px; }
	#warp .headAbout .midHead .logoArea { position:absolute; left:5px; top:5px; z-index:2; width:180px; height:46px; }
	#warp .headAbout .midHead .logoArea .icon { display:block; width:180px; height:46px; }
	#warp .headAbout .midHead .logoArea .logo { width:100px; }
	#warp .headAbout .midHead .logoArea h1 { font-size:12px; }
	#warp .headAbout .midHead .searchArea { float:left; margin:0; width:100%; }
	#warp .headAbout .midHead .appArea { width:100%; padding:10px 0; text-align:center; }
	#warp .headAbout .midHead .appArea .btn { float:none; display:inline-block; }
	#warp .foot .footC .appArea { width:100%; padding:10px 0; text-align:center; }
	#warp .foot .footC .appArea .btn { float:none; display:inline-block; }
	#warp .btmHead .headC .mainUl li { width:100%; margin-top:2px; margin-left:0; background:#f9f9f9; }
	#warp .btmHead .headC .mainUl li:nth-child(1) { margin-top:0; }
	#warp .headAbout .btmHead .headC .mainUl li h2 { font-size:16px; }
	#warp .headAbout .btmHead .headC .mainUl li h2::after,#warp .headAbout .btmHead .headC .mainUl .sonMenu li a::after { display:none; }
	/*#warp .headAbout .btmHead .headC .mainUl li { float:none; width:100%; border-top:1px #f1f1f1 solid; }*/
	#warp .btmHead .headC .sonMenu { position:static; height:auto; }
	#warp .btmHead .headC .sonMenu li { float:none; width:100%; border-top:1px #f1f1f1 solid; }
	#warp .headAbout .btmHead .headC .mainUl li .sonMenu { position:static; height:auto; }
	
	#warp .article-list .media-body .article-tag { position:absolute; }
	#warp .headHoldBox { display:none; }
	#warp .btmHead .headC .navbar-nav { margin-bottom:0; }
	#warp .btmHead .headC .sonMenu li a::after { display:none; }
	#warp .detailMain .pageCont .otherMes .mesTxt { display:block; padding:5px 0; }
	
	#warp .detailMain .pageCont .topHeadBox { padding:0; border:medium none; }

}